<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    
  </style>
</head>
<body>
  
</body>
<script>

  // const obj = {
  //   msg:"hello",
  //   getMsg(){
  //     console.log("msg被访问了")
  //     return this.msg;
  //   },
  //   setMsg(val){
  //     console.log("msg被修改成了", val)
  //     this.msg = val;
  //   }
  // }
  // obj.getMsg();
  // obj.setMsg("world")


  // const obj = {
  //   _msg:"hello",
  //   get msg(){
  //     console.log("msg被访问了")
  //     return this._msg;
  //   },
  //   set msg(val){
  //     console.log("msg被修改成了", val)
  //     this._msg = val;
  //   }
  // }
  // obj.msg;
  // obj.msg = "world";


  // const target = {msg:"hello"}
  // const obj = {}
  // const key = Object.keys(target)[0] || "default";
  // Object.defineProperty(obj, key, {
  //   get(){
  //     console.log(key, "被访问了")
  //     return target[key]
  //   },
  //   set(val){
  //     console.log(key, "被修改成了", val)
  //     target[key] = val;
  //   }
  // })
  // obj[key];
  // obj[key] = "world";


  // const target = {msg:"hello"}
  // const result = new Proxy(target, {
  //   get(target, attr){
  //     console.log(attr, "被访问了")
  //     return target[attr]
  //   },
  //   set(target, attr, val){
  //     console.log(attr, "被修改成了", val);
  //     target[attr] = val;
  //   }
  // })
  // result.msg;
  // result.msg = "world";


  
  
</script>
</html>